<template>
	<wv-tabbar style='position: fixed;'>
		 <wv-tabbar-item to="/home"  :is-on="$route.path.indexOf('home')==-1?false:true">
				<img class="weui-tabbar__icon" :src="$route.path.indexOf('home')==-1?require('../../images/foot6.png'):require('../../images/footgreen6.png')" slot="icon">
			首页
		</wv-tabbar-item>
		<wv-tabbar-item to="/applyPay"  :is-on="$route.path.indexOf('applyPay')==-1?false:true">
			<img class="weui-tabbar__icon" :src="$route.path.indexOf('applyPay')==-1?require('../../images/foot7.png'):require('../../images/footgreen7.png')" slot="icon"> 付款
		</wv-tabbar-item>
		<wv-tabbar-item to="/orderList"  :is-on="$route.path.indexOf('orderList')==-1?false:true">
				<img class="weui-tabbar__icon" :src="$route.path.indexOf('orderList')==-1?require('../../images/foot3.png'):require('../../images/footgreen3.png')" slot="icon">
			订单
		</wv-tabbar-item> 
		<wv-tabbar-item to="/mine" :is-on="$route.path.indexOf('mine')==-1?false:true">
			<img class="weui-tabbar__icon" :src="$route.path.indexOf('mine')==-1?require('../../images/foot4.png'):require('../../images/footgreen4.png')" slot="icon"> 我的
		</wv-tabbar-item>
	</wv-tabbar>
</template>

<script>
	import {
		Tabbar,
		TabbarItem
	} from 'we-vue'
	export default {
		name: 'Footer',
	}
</script>

<style lang="less" scoped="scoped">
	.weui-tabbar{
		left: 0;
		
	}
</style>
